<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我要自学网</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/jquery.v3.7.1.js"></script>
    <script src="./js/index.js"></script>
</head>

<body>
    <div class="wrap">
        <header class="header">
            <div class="header_left">
                <img src="./image/logo.png" alt="">
            </div>
            <div class="header_right">
                <div class="number">
                    <img src="./image/number.jpg" alt="">
                </div>
                <ul>
                    <a href="#">
                        <li>首页</li>
                    </a>
                    <a href="#">
                        <li class="show_list">
                            <span>成功案列</span>
                            <ul class="move_list">
                                <li>品牌设计</li>
                                <li>网页设计</li>
                                <li>平面设计</li>
                                <li>电子商务</li>
                                <li>空间/建筑</li>
                            </ul>
                        </li>
                    </a>
                    <a href="#">
                        <li>我要设计</li>
                    </a>
                    <a href="#">
                        <li>在线咨询</li>
                    </a>
                    <a href="#">
                        <li>会员注册</li>
                    </a>
                    <a href="#">
                        <li>会员登录</li>
                    </a>
                </ul>
            </div>
        </header>
        <div class="banner">
            <div class="banner_wrap">
                <ul class="banner_img clear_fix">
                    <li class="ig"><img src="./image/banner_one.jpg" alt=""></li>
                    <li class="ig"><img src="./image/banner_4.png" alt=""></li>
                    <li class="ig"><img src="./image/banner_6.png" alt=""></li>
                    <li class="ig"><img src="./image/banner_four.png" alt=""></li>
                </ul>
                <div class="left_btn">
                    <img src="./image/向左.png">
                </div>
                <div class="right_btn">
                    <img src="./image/向右.png">
                </div>
            </div>
        </div>
        <div class="content">
            <div class="content_one">
                <img src="./image/design2.png" alt="">
                <img src="./image/design3.png" alt="">
                <img src="./image/design5.png" alt="">
                <img src="./image/design7.png" alt="">
                <img src="./image/design9.png" alt="">

                <img src="./image/design.png" alt="" class="white_img">
                <img src="./image/design4.png" alt="" class="white_img">
                <img src="./image/design6.png" alt="" class="white_img">
                <img src="./image/design8.png" alt="" class="white_img">
                <img src="./image/design10.png" alt="" class="white_img">
            </div>
            <div class="content_two">
                <div class="content_header">
                    <img src="./image/service.png" alt="">
                    <div>
                        <span style="font-weight: bold;">服务项目：</span>
                        <span>标志设计；商标设计；VI设计；画册设计；低产宣传；户外广告；包装设计；ICON设计；</span>
                    </div>
                    <div>
                        <span>网页设计；模板建站；定制网站；界面设计；H5页面设计；网店装修；CAD效果图...</span>
                    </div>
                </div>
                <div class="mid">
                    <img src="./image/mid1.png" alt="">
                    <img src="./image/mid2.png" alt="">
                    <img src="./image/mid3.png" alt="">
                    <img src="./image/mid4.png" alt="">
                    <img src="./image/mid5.png" alt="">

                    <img src="./image/mid6.png" alt="" class="bottom_img">
                    <img src="./image/mid7.png" alt="" class="bottom_img">
                    <img src="./image/mid8.png" alt="" class="bottom_img">
                    <img src="./image/mid9.png" alt="" class="bottom_img">
                    <img src="./image/mid10.png" alt="" class="bottom_img">
                </div>
            </div>
            <div class="content_three">
                <div class="three_wrap">
                    <div class="top_text">
                        <span>我们秉承“工匠精神”，做最精致的设计</span>
                        <span>我们是完美主义者，要求自己的每一次设计都是最完美的。
                            我们坚持专业高水准的服务标准，致力成为您的事业伙伴，我们珍重并以真诚汇报您给予的信任和期待。
                        </span>
                        <span>因为我们的价值来自于我们协助您创造价值。</span>
                    </div>
                    <div class="bottom_text">
                        <span>我们敢比服务</span>
                        <span>所有的服务一律满意为止</span>
                        <span>我们敢比价格</span>
                        <span>我们是以工作室的方式运作，我们的设计作品不包含公司运作成本，</span>
                        <span>我们只会索要单纯的设计价值</span>
                    </div>
                </div>
            </div>
            <div class="content_four">
                <div class="four_wrap">
                    <img src="./image/service.png" alt="">
                    <div>
                        <img src="./image/tele.png" alt="">
                        <span>项目洽谈</span>

                        <img src="./image/qq.gif" alt="">
                        <span>，根据需求报价</span>

                        <img src="./image/price.png" alt="">
                        <span>预付定金，开始设计</span>

                        <img src="./image/four.png" alt="">
                        <span>修改定稿，完成设计</span>

                        <img src="./image/receive.png" alt="">
                        <span>签收付尾款</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer_wrap">
                <div>
                    <img src="./image/二维码.jpg" alt="">
                </div>
                <div class="footer_text">
                    <span>XX省XX市XX区XX号</span>
                    <span>Copyright</span>
                    <span style="margin: 0 10px">©</span>
                    <span>2024-08-19 4:25</span>
                    <span>我要自学网</span>
                    <span>扫一扫，直接沟通设计师</span>
                </div>
            </div>
        </div>
    </div>
</body>

</html>